<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>图片新增页</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="../../js/layui/css/layui.css" media="all" />
    <link rel="stylesheet" href="../../css/public.css" media="all" />
</head>
<body class="childrenBody">
<form class="layui-form">
    <input type="hidden" qs-name="id" class="id">
    <input type="hidden" qs-name="uuid" class="uuid">
    <div class="layui-form-item upload_picture">
        <label class="layui-form-label">图片上传</label>
        <div class="layui-upload-drag" id="uploadPicture">
            <div id="previewPicture"></div>
            <i class="layui-icon"></i>
            <p>点击上传，或将文件拖拽到此处</p>
        </div>
    </div>
    <div class="layui-form-item view_picture">
        <label class="layui-form-label">上传图片</label>
        <div class="layui-input-block">
            <img id="view_picture_img">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">图片名称</label>
        <div class="layui-input-block">
            <input type="text" required lay-verify="required" placeholder="请输入图片名称"
                   autocomplete="off" qs-name="pictureName" class="layui-input pictureName">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">主题</label>
        <div class="layui-input-block">
            <input type="text" required lay-verify="required"
                   autocomplete="off" qs-name="theme" class="layui-input theme">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">摘要</label>
        <div class="layui-input-block">
                <textarea type="text" required lay-verify="required" placeholder="请输入文章摘要"
                          autocomplete="off" qs-name="summary" class="layui-textarea summary"></textarea>
        </div>
    </div>
    <div class="layui-form-item layui-form-text">
        <label class="layui-form-label">备注</label>
        <div class="layui-input-block">
            <textarea required placeholder="请输入备注" qs-name="remark" id="remark"
                    class="layui-textarea remark"></textarea>
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">是否公开</label>
        <div class="layui-input-block">
            <input type="checkbox" lay-filter="isPublic" lay-skin="switch" lay-text="是|否">
            <input type="hidden" qs-name="isPublic" qs-rely="switch" qs-rely-yes="1">
        </div>
    </div>
    <div class="layui-form-item">
        <label class="layui-form-label">是否置顶</label>
        <div class="layui-input-block">
            <input type="checkbox" lay-filter="isTopping" lay-skin="switch" lay-text="是|否">
            <input type="hidden" qs-name="isTopping" qs-rely="switch" qs-rely-yes="1">
        </div>
    </div>
    <div class="qs-btnDiv">
        <a class="layui-btn layui-btn-sm" lay-filter="submitForm" lay-submit class="layui-btn"><i class="layui-icon">&#xe609;</i>提交</a>
    </div>
</form>
<script type="text/javascript" src="../../js/layui/layui.js"></script>
<script type="text/javascript" src="../../js/public.js"></script>
<script type="text/javascript" src="../../js/util/UUIDUtils.js"></script>
<script type="text/javascript" src="pictureAU.js"></script>
</body>
</html>